<!-- 页面 -->
<template>
    <div>

        <router-view></router-view>
        <van-tabbar v-model="active">
            <van-tabbar-item to="/home" icon="home-o">标签</van-tabbar-item>
            <van-tabbar-item to="/cate" icon="search">标签</van-tabbar-item>
            <van-tabbar-item to="/vip" icon="friends-o">标签</van-tabbar-item>
            <van-tabbar-item to="/my" icon="setting-o">标签</van-tabbar-item>
        </van-tabbar>
    </div>
</template>
<!--vue -->
<script>
export default {
    name: 'layoutIndex',
    //存放数据
    data() {
        return {
            //声明的属性
            active: 0,
        }
    },
    //生命周期函数
    mounted() {
    },
    //调用方法
    methods: {},
    //监听器
    watch: {},
    //计算属性
    computed: {},
    //过滤器
    filters: {},
    //自定义指令
    directives: {},
}
</script>
<!-- css样式 -->
<style>

</style>